// import React, { useEffect } from 'react'

// const Index = () => {
//     let BMapGL = window.BMapGL
//     useEffect(() => {
//         let map = new BMapGL.Map('container'); // 创建Map实例
//         map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 12); // 初始化地图,设置中心点坐标和地图级别
//         map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
//         map.setHeading(64.5);   //设置地图旋转角度
//         map.setTilt(73);       //设置地图的倾斜角度
//         // 禁止地图旋转和倾斜可以通过配置项进行设置
//     })
//     return (
//         <div className='myMap'>
//             <div id="container" style={{ height: "100vh" }}></div>
//         </div>
//     )
// }

// export default Index;
import React, { useEffect } from 'react'

function Map() {

    useEffect(() => {
        var map = new window.BMapGL.Map("container");          // 创建地图实例 
        var point = new window.BMapGL.Point(116.404, 39.915);  // 创建点坐标 
        map.centerAndZoom(point, 15);
        map.enableScrollWheelZoom(true);//开启鼠标滚轮缩放

        function myFun(result) {
            var cityName = result.name;
            map.setCenter(cityName);
            alert("当前定位城市:" + cityName);
            // console.log(cityName)
        }
        var myCity = new window.BMapGL.LocalCity();
        myCity.get(myFun);
    })
    return (
        <div id='container' style={{ height: '100vh' }}></div>
    )
}

export default Map